<script type="text/javascript" src="/js/upload.js"></script>
<div id="manager">
    <div class="left">
        <div>
            <div id="hd-upload">Hướng dẫn Upload File</div>
            <div id="hd-upload-content">
            <b class="style_title">Bước 1:</b><br />
            Chọn clip cần đăng, click chọn "Đăng video"
            <p><b class="style_title">Bước 2:</b><br />
            Thời gian đăng video khoảng từ 1phút / 1MB. Sẽ thay đổi tùy thuộc vào tốc độ đường truyền</p>
            <p><b class="style_title">Bước 3:</b><br />
            Cập nhật thông tin cho video bất cứ lúc nào trong quá trình đăng. Đăng video chỉ thành công khi bạn cập nhật thông tin đầy đủ.</p>
            </div>
        </div>
    </div>
    <div class="right">
        <div>
            <div id="bg-title1"><img src="/images/bg-title1.jpg" /></div>
            <div id="bg-title2a"><img src="/images/icon-title.jpg" style="margin-right:8px;" />Upload File</div>
            <div id="bg-title3"><img src="/images/bg-title3.jpg" /></div>
            <div class="clearfloat"></div>
        </div>
        <form id="frmUploadVideo" name="frmUploadVideo" method="post" action="/upload" enctype="multipart/form-data" target="upload_iframe" >
        <input type="hidden" id="<?php echo $keyname ?>" name="<?php echo $keyname ?>" value="<?php echo $keyvalue ?>" />
        <input type="hidden" id="upload_id" name="upload_id" value="<?php echo $keyvalue ?>" />
        <input type="hidden" id="member_id" name="member_id" value="<?php echo $memberId ?>" />
        <div id="content">
            <div id="upload-form" class="area-content">
                <div id="form">
                    <div id="form1a"><span class="style_title">Đường dẫn</span></div>
                    <div id="form2a">
                        <input type="hidden" name="MAX_FILE_SIZE" value="<?php echo $uploadSizeLimit*1000000; ?>" />
                        <input id="myfile" name="myfile" type="file" class="style-form" />
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <div id="form">
                    <div id="form1a">&nbsp;</div>
                    <div id="form2a">Định dạng file cho phép: <?php echo implode(', ', explode(',', $uploadFileType)); ?>...<br />
                    Kích thước file giới hạn: <?php echo $uploadSizeLimit; ?>Mb</div>
                    <div class="clearfloat"></div>
                </div>
                <div id="form">
                    <div id="form1a">&nbsp;</div>
                    <div id="form2a">
                        <input type="button" onclick="fileUploader.init();" value="Tải lên" />
                    </div>
                    <div class="clearfloat"></div>
                </div>
            </div>
            <div id="upload-progress" style="display:none;margin:0 50px;padding:20px 0">
                <div style="width:600px;height:20px;background:url(/images/upload-progress-bg.gif) repeat-x 0 0;border:1px solid #E6E6E6;position:relative">
                    <div id="progress-bar" style="width:0%;height:20px;background:url(/images/upload-progress.gif) repeat-x 0 0;position:absolute;left:-1px;top:-1px;border:1px solid #6FBBEF"></div>
                    <div id="progress-percent" style="position:absolute;left:-1px;top:2px;width:100%;font:bold 12px Arial;vertical-align:middle;text-align:center;color:#000">0%</div>
                </div>
                <div id="upload_file_info">
                    Trạng thái: <label id="upload_status">Đang tải lên</label> &nbsp;&nbsp;
                    Tốc độ: <label id="upload_speed">0 kbps</label> &nbsp;&nbsp;
                    TG sử dụng: <label id="upload_duration">00:00:00</label> &nbsp;&nbsp;
                    TG ước tính còn lại: <label id="upload_remaining">00:00:00</label>
                </div>
            </div>
            <div id="upload-report" class="area-content" style="display:none">
                <span>Thông báo lỗi</span>
            </div>
            <div id="upload-summary" class="area-content" style="display:none">
                <table class="datagrid" width="100%">
                    <tr>
                        <td style="text-align:left">
                            <h3>Thông tin về video</h3>
                            <ul>
                                <li>Kích thước: <span id="video_size">?</span></li>
                                <li>Bitrate: <span id="video_bitrate">?</span></li>
                            </ul>
                        </td>
                        <td style="text-align:left">
                            <h3>Yêu cầu tối thiểu</h3>
                            <ul>
                                <li>Kích thước: <span><?php echo $config['vod_filter_min_width']; ?></span></li>
                                <li>Bitrate: <span><?php echo $config['vod_filter_min_bitrate']; ?></span></li>
                            </ul>
                        </td>
                        <td style="text-align:left">
                            <h3>Yêu cầu tối thiểu HD</h3>
                            <ul>
                                <li>Kích thước: <span><?php echo $config['vod_filter_hd_width']; ?></span></li>
                                <li>Bitrate: <span><?php echo $config['vod_filter_hd_bitrate']; ?></span></li>
                            </ul>
                        </td>
                    </tr>
                </table>
                <br/>
                <span id="video_status">Upload thành công!</span> <a href="/video/upload">Upload tiếp</a>
            </div>
            <div id="upload-info" class="area-content" style="display:none">
                <div id="msg-report" class="msg2">Bạn phải nhập vào các thông tin sau để hoàn tất việc upload</div>
                <div class="form">
                    <div class="form1">Tiêu đề</div>
                    <div class="form2a">
                        <input id="title" name="title" type="text" style="width:400px;" class="style-form" />
                        <div class="error"></div>
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <div class="form">
                    <div class="form1">Mô tả</div>
                    <div class="form2a">
                        <textarea id="description" name="description" style="width:400px;" rows="10" class="style-form"></textarea>
                        <div class="error"></div>
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <div class="form">
                    <div class="form1">Tag</div>
                    <div class="form2a">
                        <input id="tag" name="tag" type="text" style="width:400px;" class="style-form" />
                        <div class="error">Cách nhau bởi dấu phẩy, tối đa 255 ký tự</div>
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <div class="form">
                    <div class="form1">Giá xem</div>
                    <div class="form2a">
                        <input id="price" name="price" type="text" style="width:400px;" class="style-form" value="2000" READONLY />
                        <!--<div class="error">Giá tiền phải là số có giá trị từ <?php echo $config['video_min_price']; ?> đến <?php echo $config['video_max_price']; ?></div>-->
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <div class="form">
                    <div class="form1">Giá tải</div>
                    <div class="form2a">
                        <input id="download-price" name="download_price" type="text" style="width:400px;" class="style-form" value="3000" READONLY />
                        <!--<div class="error">Giá tiền phải là số có giá trị từ <?php echo $config['download_min_price']; ?> đến <?php echo $config['download_max_price']; ?></div>-->
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <div class="form">
                    <div class="form1">Chuyên mục</div>
                    <div class="form2a">
                        <select id="category_id" name="category_id" style="width:400px">
                            <option value="0">Chọn chuyên mục...</option>
                            <?php foreach ($cats as $cat): ?>
                            <?php $catId = $cat['id']; ?>
                            <?php if($cat['parent_id']==0): ?>
                            <option value="<?php echo $cat['id']; ?>"><?php echo $cat['name']; ?></option>

                            <?php foreach ($cats as $c): ?>
                            <?php if($catId == $c['parent_id']): ?>
                            <option value="<?php echo $c['id']; ?>">--------------<?php echo $c['name']; ?></option>
                            <?php endif; ?>
                            <?php endforeach; ?>

                            <?php endif; ?>
                            <?php endforeach; ?>
                        </select>
                        <div class="error"></div>
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <?php if($subCpList): ?>
                <div class="form">
                    <div class="form1">Chọn CP con</div>
                    <div class="form2a">
                        <select id="subcp_id" name="subcp_id" style="width:400px">
                            <option value="0">Không có</option>
                            <?php foreach ($subCpList as $item): ?>
                            <option value="<?php echo $item['id']; ?>"><?php echo $item['fullname']; ?></option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <?php else: ?>
                <input type="hidden" id="subcp_id" name="subcp_id" value="<?php echo $subcpId; ?>" />
                <?php endif; ?>
                <div class="form">
                    <div class="form1">Nguồn gốc</div>
                    <div class="form2a">
                        <input type="radio" name="source" value="vn" checked /> Việt Nam
                        <input type="radio" name="source" value="nn" /> Nước ngoài
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <div class="form">
                    <div class="form1">HD?</div>
                    <div class="form2a">
                        <input id="hd" name="hd" type="checkbox" value="1" />
                        <input type="hidden" id="qos" name="qos" value="1" />
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <div class="form">
                    <a href="javascript:void(0);" onclick="fileUploader.updateInfo();" class="button">Cập nhật</a>
                </div>
                <div class="clearfloat"></div>
            </div>
            <div class="clearfloat"></div>
        </div>
        <iframe id="upload_iframe" name="upload_iframe" style="border: 0; width: 0px; height: 0px; display: none"></iframe>
        </form>
    </div>
</div>
<div class="clearfloat"></div>
<script type="text/javascript">
    $(function(){
        $("#description").htmlarea();
    });
</script>